/*
 * @des: 重置样式文件
 * @author: yyq
 * @Date: 2018-04-07
*/


* { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 12px/1.5 sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
html, body { height: 100%; }


// 自定义样式
.fl { float: left; }
.fr { float: right; }
.clearfix {
    &:before, &:after { content: " "; display: table; }
    &:after { clear: both; }
}
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.hide { display: none; }
.pr { position: relative; }
.pa { position: absolute; }
.fx { position: fixed; }
.tc { text-align: center; }
.fb { font-weight: 700; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.auto { margin: 0 auto; }
.img-cover { width: 100%; height: 100%; object-fit: cover; }
.mt10 { margin-top: .1rem; }
.mt20 { margin-top: .2rem; }

@mainWidth: 1000px;
@imgUrl: '../img';


// 公用头部
.cm-hd {
	width: 100%;
	background: #fcfcfc;
	border-bottom: 1px solid #bbb;
}
.cm-hd-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: @mainWidth;
	padding: 0 20px;
	line-height: 40px;
	.auto();
}
.cm-hd-left {
	color: #646464;
	i {
		.inline-block();
		width: 26px;
		height: 21px;
		margin-right: 5px;
		background: url("@{imgUrl}/guangbo.png");
		vertical-align: middle;
	}
}
.cm-hd-right {
	color: #428bca;
}

// 公用中间部分
.cm-md {
	width: @mainWidth;
	.auto();
}

// 公用底部
.cm-ft {
	width: 100%;
	padding: 15px 0;
	background: #033782;
	color: #fafafa;
	text-align: center;
	dt {
		font-size: 18px;
		margin-bottom: 10px;
	}
}